<!DOCTYPE html>
<html>
<head>
<title>Goal Setting Games</title>
<meta charset="UTF-8" />
<meta name="robots" content="noindex, nofollow" />
<link href="style.css" rel="stylesheet" /> 

<!-- Remy Sharp Shim --> 
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>
<body>
	<div id="wrapper">
		<header>
			<h1>Whack-a-Mole Game</h1>
		</header>
		<nav>
			<ul>
				<li><a href="step1.html">Step 1</a></li>
				<li><a href="step2.html">Step 2</a></li>
				<li><a href="step3.html">Step 3</a></li>
				<li><a href="step4.html">Step 4</a></li>
				<li><a href="step5.html">Step 5</a></li>
			</ul>
		</nav>
		<div id="middle">
			<aside id="step4">
			<h3>Play It</h3>
					<div id="instructions">
						
							<p>Instructions:</p>
							<ol>
								<li>Click only green circles</li>
								<li>Play until you miss</li>
							</ol>
					<!-- closes instructions div-->		
					</div>
					<div id="setgoals">
							<ul>
								<li id="goal1"><label><strong>Set A Goal:</strong></label><input type="text" id="goal1"/></li>
								<li id="goal2"><label><strong>Set A Higher Goal:</strong></label><input type="text" id="goal2"/></li>
							</ul>
					<!-- closes goals div-->		
					</div>
					<div id="displaygoals">
						<p>Current Goal(s):</p>
							<ol>
								<li>Goal 1</li>
								<li>Goal 2</li>
							</ol>
					<!-- closes goals div-->		
					</div>				
			</aside>
			<div id="content">
			<h2>This is where the game goes</h2>
			<!-- closing content -->
			</div>
		<!-- closing middle -->
		</div>
		<footer>
			<p>This is the footer</p>
		</footer>
	<!-- closing wrapper -->
	</div>
<!-- begin validation buttons -->
<p>
<a href="http://validator.w3.org/check?uri=referer">
  <img src="http://www.w3.org/html/logo/badge/html5-badge-h-solo.png" 
  width="31" height="32" alt="valid HTML5" />
 </a>
 <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">
  <img src="http://jigsaw.w3.org/css-validator/images/vcss" 
   alt="Valid CSS3" height="31" width="88" />
</a>
</p>
<!-- end validation buttons -->
</body>
</html>